<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜狗输入法</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 
        块级标签
        1. 独占一整行
        2. 默认和父级一样宽
        3. 默认高度由内容决定
     -->
    <div class="header">
        <div class="w">
            <!-- 产品 -->
            <div class="product clearfix">
                <div class="topnav">
                    <ul>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name clearfix"><a href="">输入法手机版</a></div>
                        </li>
                    </ul>
                </div>
                <div class="user_info">
                    <ul>
                        <li>
                            <div>
                                <a href="">登录</a>
                            </div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div>
                                <a href="">注册</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- logo和搜索框 -->
            <div class="logo_search_wrap w clearfix">
                <div class="logo">
                    <h1>
                        <a href="/"></a>
                    </h1>
                </div>
                <div class="search">
                    <form action="">
                        <input type="text">
                        <button></button>
                    </form>
                </div>
            </div>


            <div class="nav_list">
                <ul>
                    <li>
                        <a href="" class="active">首页</a>
                    </li>
                    <li>
                        <a href="">皮肤</a>
                    </li>
                    <li>
                        <a href="">词库</a>
                    </li>
                    <li></li>
                    <li>
                        <a href="">皮肤表情开放平台</a>
                        <i class="new"></i>
                    </li>
                    <li>
                        <a href="">帮助</a>
                    </li>
                    <li>
                        <a href="">升级日志</a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="banner_wrap">
        <div class="banner w">
            <button class="download">立即下载</button>
            <p class="text-1">更新日期 : 2023-06-25</p>
            <p class="text-2"><a href="">新版特性</a></p>
            <p class="text-3">支持:XP / WIN7 / WIN8 / WIN10 / WIN11</p>
            <div class="qrcode_box">
                <div class="shoujiime">
                    <span>手机版下载</span>
                </div>
                </div>
            </div>
         </div>

         <div class="wrapper_block">
            <div class="wrapper w">
            <div class="skin_title"></div>
            <div class="skin_list">
                <ul>
                    <li class="skin_1">
                        <a href=""></a>
                         <div class="img-1"></div>
                         <div class="pf">
                            <div class="wz-1">
                                <span><a href="">相濡以沫-心痛到无法呼吸</a></span>
                            </div>
                            <div class="sc"></div>
                         </div>
                    </li>

                    <li class="skin_1">
                        <a href=""></a>
                         <div class="img-2"></div>
                         <div class="pf">
                            <div class="wz-2">
                                <span><a href="">野萌君·哈哈哈</a></span>
                            </div>
                            <div class="sc"></div>
                         </div>
                   </li>

                   <li class="skin_1">
                    <a href=""></a>
                    <div class="img-3"></div>
                    <div class="pf">
                       <div class="wz-3">
                           <span><a href="">种星星的人</a></span>
                       </div>
                       <div class="sc"></div>
                    </div>
                    </li>

                    <li class="skin_1">
                        <a href=""></a>
                        <div class="img-4"></div>
                        <div class="pf">
                           <div class="wz-4">
                               <span><a href="">瓶子里の精灵</a></span>
                           </div>
                           <div class="sc"></div>
                        </div>
                     </li>

                    <li class="skin_1">
                        <a href=""></a>
                        <div class="img-5"></div>
                        <div class="pf">
                           <div class="wz-5">
                               <span><a href="">尖叫鸡</a></span>
                           </div>
                           <div class="sc"></div>
                        </div>
                    </li>

                    <li class="skin_1">
                        <a href=""></a>
                        <div class="img-6"></div>
                        <div class="pf">
                           <div class="wz-6">
                               <span><a href="">阿肥宅</a></span>
                           </div>
                           <div class="sc"></div>
                    </div>
                    </li>
                </ul>
                <div class="dict_show_title"></div>
                    <div class="dict_show_list">
                        <ul>
                            <li>
                                <div class="ddtp-1"></div>
                                <div><a href=""><span>魔道祖师</span></a></div>
                            </li>
                            <li>
                                <div class="ddtp-2"></div>
                                <div><a href=""><span>财务专用</span></a></div>
                            </li>
                            <li>
                                <div class="ddtp-3"></div>
                                <div><a href=""><span>贾平凹作品</span></a></div>
                            </li>
                            <li>
                                <div class="ddtp-4"></div>
                                <div><a href=""><span>TFBOYS粉丝专用</span></a></div>
                            </li>
                            <li>
                                <div class="ddtp-5"></div>
                                <div><a href=""><span>斗罗大陆</span></a></div>
                            </li>
                            <li>
                                <div class="ddtp-6"></div>
                                <div><a href=""><span>红楼梦</span></a></div>
                            </li>
                        </ul>
                </div>
            </div>
            <div class="sidebar">
                <div class="sidebar-1"><a href=""></a></div>
                <div class="sidebar-2"><a href=""></a></div>
                <div class="focus_us">
                    <div id="sinWeibo"><a href=""></a></div>
                    <div id="kefu"><a href=""></a></div>
                    <div class="download_list">
                        <ul>
                            <li>
                                <div class="ysb">医生版</div>
                                <a href=""><span class="ck">点击查看</span></a>
                            </li>
                            <li>
                                <a href=""><span class="xz">立即下载</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer">
                    <div class="face_cooper">
                        <div class="face_cooper_i"></div>
                        <span class="face_cooper_w">皮肤表情词库合作、品牌合作、输入法合作 邮箱:hci_bd@tencent.com </span>
                    </div>
                    <div class="face_cooper" style="padding-top: 10px;">
                        <div class="face_cooper_i"></div>
                        <span class="face_cooper_w">
                            使用问题用户反馈 邮箱:IMETS@tencent.com</span>
                    </div>
                    <div class="ftbox">© 2023 SOGOU.COM 京ICP备11001839号-1 免责声明 隐私政策</div>
                    <div class="face_cooper" style="padding-top: 10px;" >
                        <span class="face_cooper_w">北京搜狗科技发展有限公司 </span>
                    </div>
                    <div class="face_cooper" style="padding-top: 10px;"> 
                        <span class="face_cooper_w">联系地址:北京市海淀区中关村东路1号院9号楼搜狐网络大厦9层01房间 </span>
                    </div>
                    <div class="face_cooper" style="padding-top: 10px;">
                        <span class="face_cooper_w">产品介绍：AI语音专家，让您的打字更简洁，更智能 </span>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
 </div>
        

</body>

</html>